<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{$pagetitle}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/static/admin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/admin/style/admin.css" media="all">
    <link rel="stylesheet" href="/static/admin/style/global.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">

        <div class="layui-card-header layuiadmin-card-header-auto">
            <div>
                <div class="header-left" style="width:80%">
                    <div class="layui-inline">
                        <a class="layui-btn iframe" data-width="50%" data-height="50%" href="{:url('add')}">添加分类</a>
                    </div>
                </div>
                <div class="header-right search-field" style="width:18%;">

                </div>
                <div class="clear"></div>
            </div>


        </div>

        <div class="layui-card-body">
            <form class="layui-form" action="{:url('updateSort')}" method="post" onsubmit="return save_form(this)">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th width="3%">排序</th>
                        <th width="5%">catid</th>
                        <th width="10%">名称</th>
                        <th width="10%">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach $data as $key=>$v}
                    <tr>
						<td style="text-align: center;"><input type='text' value="{$v.sort}" name="sort[]" autocomplete="off" style="width:50px;text-align: center;"><input type='hidden' value="{$v.catid}" name="ids[]"></td>
                        <td style="text-align: center;">{$v.catid}</td>
                        <td class="center">{$v.name}</td>
                        <td class="center">
                            <a href="{:url('update',array('catid'=>$v['catid']))}" data-width="50%" data-height="50%" class="layui-btn layui-btn-sm iframe" title="修改"><i class="layui-icon">&#xe642;</i></a>
                            <a href="{:url('delete',array('catid'=>$v['catid']))}" class="layui-btn layui-btn-sm ajax_del"><i class="layui-icon">&#xe640;</i></a>
                        </td>

                    </tr>

                    {/foreach}
                    </tbody>
                </table>
				  <div class="layui-inline">
					  <button class="layui-btn layuiadmin-btn-list">排序</button>
				  </div> 				
            </form>
        </div>

    </div>
</div>

<script src="/static/admin/layui/layui.js"></script>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/globals.js"></script>
<!--文件上传的预览功能中中也需要用到我 fancybox plus start-->
<link rel="stylesheet" type="text/css" href="/static/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="/static/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/static/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<!--文件上传的预览功能中中也需要用到我 fancybox plus end-->
<script>
    layui.config({
        base: '/static/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form'], function () {
        var $ = layui.$
            , admin = layui.admin
            , element = layui.element
            , form = layui.form;
        form.render(null, 'component-form-element');
        element.render('breadcrumb', 'breadcrumb');
		form.on('checkbox(status)', function(data){
		  var checked=data.elem.checked;
		  var status=checked?1:0;
		  var id=data.value;
		  ajax_del("{:url('setStatus')}?catid="+id+"&status="+status,function(msg,data){
			  layer.msg("设置成功");
		  });
		});
		form.on('checkbox(verify_code)', function(data){
		  var checked=data.elem.checked;
		  var status=checked?1:0;
		  var id=data.value;
		  ajax_del("{:url('setVerifycode')}?catid="+id+"&status="+status,function(msg,data){
			  layer.msg("设置成功");
		  });
		});
		form.on('checkbox(mobile_verify_code)', function(data){
		  var checked=data.elem.checked;
		  var status=checked?1:0;
		  var id=data.value;
		  ajax_del("{:url('setMobileverifycode')}?catid="+id+"&status="+status,function(msg,data){
			  layer.msg("设置成功");
		  });
		});				
    });

</script>

</body>
</html>
